<?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:98:"F:\phpstudy2014\WWW\the_beginning_of_taste\public/../application/index\view\index\prodhuajiao.html";i:1555636534;s:92:"F:\phpstudy2014\WWW\the_beginning_of_taste\public/../application/index\view\base\status.html";i:1553657143;s:87:"F:\phpstudy2014\WWW\the_beginning_of_taste\public/../application/index\view\common.html";i:1555636707;s:94:"F:\phpstudy2014\WWW\the_beginning_of_taste\public/../application/index\view\base\userinfo.html";i:1553846270;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="expires" content="Thu,01 Jan 1970 00:00:01 GMT">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self';font-src 'self' data: https://fonts.gstatic.com https://fonts.googleapis.com/;style-src 'self' 'unsafe-inline'; media-src *;script-src 'self' http://api.map.baidu.com ;">-->
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link href="__IMG__/logo.png" rel="shortcut icon" type="image/x-icon">
    <title>花椒-调味品-附城--成都味之初农产品有限公司</title>
    <base target="_self">
    <meta name="keywords" content="成都调味品批发交易贸易，花椒，辣椒，香料，成都调味品">
    <meta name="description" content="成都味之初农产品有限公司,专注于花椒，辣椒，香料等调味品批发贸易">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/reset.css">
    <link rel="stylesheet" href="__CSS__/bxslider.css">
    <link rel="stylesheet" href="__CSS__/iconfont.css">
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" href="__CSS__/prod.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?68cca1e88d91513304d45edd3b72a6ba";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
    <top class="prod-huajiao">
        <header class="navbar navbar-default">
            <div class="login-reg">
                <?php if((isset($uname))): ?>
<a href="/index/index/login.html">你好 <?php echo $uname; ?>! </a> <a style="margin-left: 10px" href="/index/Login/logout">退出</a>
<?php else: ?>
<a href="/index/index/login.html">登录</a>丨<a href="/index/index/register.html">注册</a>
<?php endif; ?>

            </div>
            <div class="container">
                <!--小屏幕导航按钮和logo-->
                <div class="navbar-header">
                    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div id="logo-part-for-mobile" style="display: none;">
                        <a href="http://cdweizhichu.com/">
                            <img src="__IMG__/logo.png" class="logo">
                            <span>附城</span>
                        </a>
                    </div>
                </div>
                <!--小屏幕导航按钮和logo-->
                <!--导航-->

                <div class="navbar-collapse collapse">
                    <div id="logo-part-for-pc">
                        <h1 style="display: inline-block;">
                            <a href="http://cdweizhichu.com/" style="display: block">
                                <img src="__IMG__/logo.png" class="logo">
                                <span class="logo-right-txt">附城</span>
                            </a>
                        </h1>
                    </div>
                    <ul id="main-navigation" class="nav navbar-nav">
                        <li>

                            <a href="/">附城</a>

                        </li>
                        <li >
                            <a href="/index/index/huajiao">花椒</a>
                        </li>
                        <li class="">

                            <a href="/index/index/lajiao">辣椒</a>

                        </li>
                        <li class="">

                            <a href="/index/index/xiangliao">香料</a>

                        </li>
                        <li class="prod-center active">

                            <a href="#">产品中心<i class="nav-arrow-up"></i></a>

                            <ul>
                                <li><a href="/index/index/prodhuajiao" style="background: #CE7D3A;color: #fff;">花椒产品</a></li>
                                <li><a href="/index/index/prodlajiao">辣椒产品</a></li>
                                <li><a href="/index/index/prodxiangliao">香料产品</a></li>
                                <li><a href="/index/index/prodquality">精品展示</a></li>
                            </ul>
                        </li>
                        <li class="">

                            <a href="./news.html">最新资讯</a>

                        </li>
                        <li class="">

                            <a href="./story.html">故事欣赏</a>

                        </li>
                    </ul>
                </div>
                <!--导航-->
            </div>
        </header>
    </top>

    <div class="hanyuanxianzhi-record">
        <div class="cont-bg">
            <div class="row">
                <div class="col-md-5"><img src="__IMG__/prod-hujiao_002.png" alt=""></div>
                <div class="col-md-7">
                    <div class="record-txt">
                        另据《汉源县志》记载，
                        “黎椒树如有刺，县中广产，以
                        附城（今清溪）、牛市坡（今建
                        黎）为最佳，盖每粒有小粒附之，
                        故称为子母椒……元和志贡黎椒，
                        寰宇记贡花椒，明统志贡花椒，
                        大清一统志贡花椒。
                    </div>
                    <img src="__IMG__/prod-huajiao-txt_001.png" class="txt-pic">
                </div>
            </div>
        </div>
    </div>
    <div class="perches">
        <div class="perches-cont">
            <div class="perches-txt-line1">花椒始见载于《诗经》</div>
            <div class="perches-txt-line2">此麻现已形成四川风味的一大特色，并为厨师所广泛应用。</div>
        </div>
    </div>
    <div class="prod-huajiao-sort">
        <div class="sort-title" id="goods_area">
            <div class="sup-title">花椒产品种类多种多样</div>
            <div class="sub-title">产丨品丨推丨荐</div>
        </div>
        <div class="row">
            <div class="col-md-3 sort-huajiao-tab">
                <?php echo $html; ?>
            </div>
            <div class="col-md-9 col-huajiao-pic">
                <?php if(is_array($list) || $list instanceof \think\Collection || $list instanceof \think\Paginator): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$goods): $mod = ($i % 2 );++$i;?>
                <div class="col-md-4 col-xs-6">
                    <img src="<?php echo $goods['good_img']; ?>" alt="">
                    <div class="prod-name-bot">
                        <div class="prod-name">产品名称：<?php echo $goods['good_name']; ?></div>
                        <a href="/index/index/proddetails?good_id=<?php echo $goods['good_id']; ?>">了解详情</a>
                    </div>
                </div>
                <?php endforeach; endif; else: echo "" ;endif; ?>

            </div>
            <div class="paginator">
                <!--<ul class="page"></ul>-->
                <?php echo $list->render(); ?>
            </div>
        </div>
    </div>

    <div class="special-huajiao-display">
        <div class="display-cont">
            <div class="display-title">
                <div class="display-title-bg">特色产品展示</div>
                <div class="title-line"></div>
            </div>
            <div class="huajiao-slider">
                <div class="slider-pic">
                    <img src="__IMG__/slider-honghuajiao.jpg">
                    <div>红花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-qinghuajiao.jpg">
                    <div>青花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-honghuajiao.jpg">
                    <div>红花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-qinghuajiao.jpg">
                    <div>青花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-honghuajiao.jpg">
                    <div>红花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-qinghuajiao.jpg">
                    <div>青花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-honghuajiao.jpg">
                    <div>红花椒</div>
                </div>
                <div class="slider-pic">
                    <img src="__IMG__/slider-qinghuajiao.jpg">
                    <div>青花椒</div>
                </div>
            </div>
        </div>
    </div>

    <footer>
    <div class="footer-logo-part">
        <a href="http://cdweizhichu.com/" style="display: inline-block;">
            <img src="__IMG__/logo.png" class="logo">
            <span class="name">附城</span>
        </a>
        <span class="company-intro">成都味之初农产品有限公司</span>
    </div>
    <div class="link">
        <a href="/index/index/prodhuajiao"><span>产品中心</span>丨</a>
        <a href="/index/index/news"><span>最新资讯</span>丨</a>
        <a href="/index/index/story"><span>故事欣赏</span></a>
    </div>
    <div class="contact-method">
        <span>联系人：曾经理</span>
        <span>经理手机：13551314716</span>
        <!--<span>电话：400一6988一315</span>-->
    </div>
    <div class="Tel">座机：028-27561022 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;028-27619985</div>
    <div class="address">
        公司地址：彭州市蒙阳镇雨润现代食品城82栋111号，136号
    </div>
    <div class="record">
        <a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备19000971号-1</a>
    </div>
</footer>


    <!--user part-->
    <?php if((isset($uname))): ?>
<div class="user-fixed-right">
    <div class="info-wrapper">
        <img src="__IMG__/avatar.png" alt="">
        <div class="user-edit">
            <a href="<?php echo url('member/user_info_edit'); ?>">个人资料</a>
            <a href="<?php echo url('order/order'); ?>">购物订单</a>
            <a href="<?php echo url('index/user_pwd_update'); ?>">修改密码</a>
        </div>
    </div>
</div>
<?php endif; ?>



    <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
        <div id="innerdiv" style="position:absolute;">
            <img id="bigimg" style="border:5px solid #fff;" src="" />
        </div>
    </div>
</body>
<script src="__JS__/jQuery-1.11.1.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<script src="__JS__/jquery.bxslider.js"></script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
    $(function () {
        $('.user-fixed-right').mouseenter(function () {
            $(this).css({right:0,height:'200px',background:'#3A394D',borderColor: '#333',borderRadius:0,transition:'all .3s ease-out'})
            $('.user-edit').show()
        }).mouseleave(function () {
            $(this).css({right:'-50px',height:'100px',background:'#fff',borderColor: '#efa123',borderRadius:'50%',transition:'all .3s ease-out'})
            $('.user-edit').hide()
        })
    })
</script>
<script>
    $(function () {
        setTimeout(function () {
            $('.perches').height(document.body.offsetWidth * 132/1920)
            $('.tab-huajiao').width($('.red-huajiao ul li').outerWidth())
            $('.prod-name-bot').width($('.prod-name-bot').siblings().width())

            $('.col-md-4').css({marginBottom: '20px'})
            $('.col-md-9 img').height($('.col-md-9 img:eq(0)').height())
            $('.bx-controls-direction').hide()
        },800)



        $('.prod-center').mouseenter(function () {
            $(this).find('ul').show()
            $(this).find('.nav-arrow-up').css({transform:'translateY(-20%) rotate(315deg)',transition:'all .35s ease-in-out'})
        }).mouseleave(function () {
            $(this).find('.nav-arrow-up').css({transform:'translateY(-50%) rotate(135deg)'})
        })
        
        $('.prod-center ul').mouseenter(function () {
            $(this).siblings('a').find('.nav-arrow-up').css({transform:'translateY(-20%) rotate(315deg)'})
        })
        .mouseleave(function () {
            $(this).hide()
            $(this).siblings('a').find('.nav-arrow-up').css({transform:'translateY(-50%) rotate(135deg)'})
        })



        /*跳转至产品*/
        var classify = window.location.href.indexOf('classify=')
        if(classify != -1) {
            window.location.href = '#goods_area'
        }

        $('.paginator').css({textAlign:'center'})


        $('.huajiao-slider').bxSlider({
            slideWidth: $('.slider-pic').width(),
            minSlides: 3,
            maxSlides: 4,
            slideMargin: 10,
            auto: true
        });


        if(window.screen.width < 500) {
            var prodUl = true
            $('.pagination').css({marginLeft: 0})
            $('.prod-center>a').on('click',function () {
                if(prodUl) {
                    $(this).siblings().show()
                    $(this).find('.nav-arrow-up').css({transform:'translateY(-20%) rotate(315deg)',transition:'all .35s ease-in-out'})
                    prodUl = false
                }else {
                    $(this).siblings().hide()
                    $(this).find('.nav-arrow-up').css({transform:'translateY(-50%) rotate(135deg)'})
                    prodUl = true
                }
            })
            setTimeout(function () {
                $('.navbar-collapse').children('#logo-part-for-pc').remove()
                $('.collapse').css({height:0,overflow:'hidden',border:'none'}).show()
                $('#logo-part-for-mobile').show()
                $('.bx-wrapper').css({marginTop:'-1px',zIndex:'999'})

                $('.news-txt').css({height:'auto',width:'80%',margin:'0 auto'})
                $('.contact-cont-left').css({marginTop: 0})

                $('.perches').height(60)

                $('.col-huajiao-pic').children().removeClass('sort-mar-bot20')
                for(var i=0;i<$('.col-huajiao-pic .col-xs-6').length;i++) {
                    if((i+1) % 2 === 0) {
                        $('.col-huajiao-pic .col-xs-6').eq(i).addClass('sort-mar-bot20')
                    }
                    $('.sort-mar-bot20').css({marginBottom: '20px'})
                }

                $('.bx-wrapper').css({maxWidth: 'unset',width: '100%'})
                $('.bx-controls-direction').hide()
                $('.bx-viewport').height(95)
            }, 800)
        }else{
            $('.pagination').css({marginLeft: '25%'})
        }


        //手机屏下的导航显示
        var toggleState = true
        $('.navbar-toggle').on('click',function () {
            if(toggleState){
                $('.navbar-collapse').css({transform:'scaleY(1)',transformOrigin:'top',transition: 'all .35s ease'})
                if($('.prod-center ul').css('display') === 'block') {
                    setTimeout(function () {
                        $('.navbar-collapse').css({height:'350px'})
                    }, 380)
                }
                toggleState = false
            }else{
                $('.navbar-collapse').css({transform:'scaleY(0)',transformOrigin:'top',transition: 'all .35s ease'})
                if($('.prod-center ul').css('display') === 'block') $('.prod-center ul').css('display') === 'none'
                toggleState = true
            }
        })
        $('.prod-center').on('click',function () {
            if($('.prod-center ul').css('display') === 'block') $('.navbar-collapse').css({height:'350px'})
            else $('.navbar-collapse').css({height:'302px'})
        })

    })
</script>
<script>
    $(function(){
        $('img:not(.prod-huajiao img)').addClass('pimg')

        $(".pimg").on('click',function(){
            var _this = $(this);//将当前的pimg元素作为_this传入函数
            imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
        });
    });

    function imgShow(outerdiv, innerdiv, bigimg, _this){
        var src = _this.attr("src");//获取当前点击的pimg元素中的src属性
        $(bigimg).attr("src", src);//设置#bigimg元素的src属性

        /*获取当前点击图片的真实大小，并显示弹出层及大图*/
        $("<img/>").attr("src", src).load(function(){
            var windowW = $(window).width();//获取当前窗口宽度
            var windowH = $(window).height();//获取当前窗口高度
            var realWidth = this.width;//获取图片真实宽度
            var realHeight = this.height;//获取图片真实高度
            var imgWidth, imgHeight;
            var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放
            var scaleWidth = _this.width() //默认显示宽度
            var scaleHeight = _this.height() //默认显示高度

            if(scaleHeight>windowH*scale) 
            }else if(scaleWidth>windowW*scale)  else 
            $(bigimg).css("width",imgWidth);//以最终的宽度对图片缩放

            var w = (windowW-imgWidth)/2;//计算图片与窗口左边距
            var h = (windowH-imgHeight)/2;//计算图片与窗口上边距
            $(innerdiv).css({"top":h, "left":w});//设置#innerdiv的top和left属性
            $(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
        });

        $(outerdiv).on('click',function());
    }

</script>
</html>